<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>文章分类</title>
    <link rel="stylesheet" href="../../../assets/lib/layui/css/layui.css" />
    <link rel="stylesheet" href="./category.css" />

    <link rel="stylesheet" href="./el.css" />
  </head>

  <body>
    <div class="layui-card">
      <div class="layui-card-header">
        类别管理
        <button
          type="button"
          class="layui-btn layui-btn-normal layui-btn-sm add"
        >
          添加类别
        </button>
      </div>

      <div class="layui-card-body">
        <table class="layui-table">
          <!-- 规定列宽 -->
          <colgroup>
            <col width="40%" />
            <col width="40%" />
            <col />
          </colgroup>

          <thead>
            <tr>
              <th>分类名称</th>
              <th>分类别名</th>
              <th>操作</th>
            </tr>
          </thead>

          <tbody>
            <tr>
              <td>
                <div class="cell">奇趣事</div>
              </td>
              <td>
                <div class="cell">qiqu</div>
              </td>
              <td>
                <div class="cell">
                  <button class="layui-btn layui-btn-sm layui-bg-blue btn-edit">
                    修改</button
                  ><button class="layui-btn layui-btn-sm layui-bg-red btn-delete">
                    删除
                  </button>
                </div>
              </td>
            </tr>
          </tbody>
        </table>
      </div>

      <div class="el-dialog__wrapper my-dialog" style="z-index: 2007;">
        <div
          role="dialog"
          aria-modal="true"
          aria-label="添加文章分类"
          class="el-dialog"
          style="margin-top: 15vh; width: 35%;"
        >
          <div class="el-dialog__header">
            <span class="el-dialog__title">添加文章分类</span
            ><button
              type="button"
              aria-label="Close"
              class="el-dialog__headerbtn"
            >
              <span class="el-dialog__close">X</span>
            </button>
          </div>
          <div class="el-dialog__body">
            <form class="el-form">
              <input type="hidden" name="id">
              <div class="el-form-item is-required">
                <label
                  for="cate_name"
                  class="el-form-item__label"
                  style="width: 80px;"
                  >分类名称</label
                >
                <div class="el-form-item__content" style="margin-left: 80px;">
                  <div class="el-input">
                    <!----><input
                      type="text"
                      name="cate_name"
                      autocomplete="off"
                      minlength="1"
                      maxlength="10"
                      class="el-input__inner inp_name inp_catename"
                    /><!----><!----><!----><!---->
                  </div>
                  <!---->
                </div>
              </div>
              <div class="el-form-item is-required">
                <label
                  for="cate_alias"
                  class="el-form-item__label inp_alias"
                  style="width: 80px;"
                  >分类别名</label
                >
                <div class="el-form-item__content" style="margin-left: 80px;">
                  <div class="el-input">
                    <!----><input
                      type="text"
                      name="cate_alias"
                      autocomplete="off"
                      minlength="1"
                      maxlength="15"
                      class="el-input__inner inp_catealias"
                    /><!----><!----><!----><!---->
                  </div>
                  <!---->
                </div>
              </div>
            </form>
          </div>
          <div class="el-dialog__footer">
            <span class="dialog-footer"
              ><button
                id="btn-cancel"
                type="button"
                class="el-button el-button--default el-button--mini"
              >
                取 消</button
              ><button
                id="btn-ok"
                type="button"
                class="el-button el-button--primary el-button--mini"
              >
                添 加
              </button></span
            >
          </div>
        </div>
      </div>
    </div>
    <script src="../../../assets/lib/jquery.js"></script>
    <script src="../../../assets/lib/layui/layui.all.js"></script>
    <script src="../../../assets/lib/axios.js"></script>
    <script src="../../../common/utils.js"></script>
    <script src="../../../assets/lib/form-serialize.js"></script>
    <script src="./category.js"></script>
  </body>
  <script></script>
</html>
